import Mock from "mockjs"
import qs from 'querystring'

Mock.mock("/api/blogtype", "get", {
    code: 0,
    msg: "",
    "data|10-20": [
        {
            "id|+1": 1,
            name: "分类@id",
            "articleCount|0-300": 0,
            "order+1": 1
        }
    ]
})

Mock.mock(/^\/api\/blog(\?.+)?$/, "get", function (options) {
    const query = qs.parse(options.url);

    console.log(query)
    return Mock.mock({
        code: 0,
        msg: "",
        data: {
            "total|2000-3000": 0,
            [`rows|${query.limit || 10}`]: [
                {
                    id: "@guid",
                    title: "@ctitle(1,50)",
                    description: "@cparagraph(1,10)",
                    category: {
                        "id|1-10": 0,
                        name: "分类@id",
                    },
                    "scanNumber|0-3000": 0,
                    "commentNumber|0-300": 30,
                    "thumb|1": ["@image(300*250, @color, #fff, @natural)", null],
                    createDate: `@date('T')`,
                }
            ]
        }
    })
})

//模拟单个博客
Mock.mock(/^\/api\/blog\/[^/]+$/, "get", {
    code: 0,
    msg: "",
    data: {
        id: "@guid",
        title: "CORS跨域解决方案",
        category: {
            "id|1-10": 1,
            name: "分类@id",
        },
        description: "@cparagraph(1,10)",
        "scanNumber|0-10000": 0,
        "commentNumber|0-100": 0,
        createDate: "@date('T')",
        toc: [
            { name: "概述", anchor: "article-md-title-1" },
            {
                name: "简单请求",
                anchor: "article-md-title-2",
                children: [
                    { name: "简单请求的判定", anchor: "article-md-title-3" },
                    { name: "简单请求的交互规范", anchor: "article-md-title-4" },
                ]
            },

            {
                name: "需要预检的请求",
                anchor: "article-md-title-5",
            },
            {
                name: "附带身份凭证的请求",
                anchor: "article-md-title-6",
            },
            {
                name: "一个额外的补充",
                anchor: "article-md-title-7",
            }
        ],
        "thumb|1": [Mock.Random.image("300*250", "#000", "#fff", "Random Image"), null],
        htmlContent: ` <h1 id="article-md-title-1">"简单请求</h1>
        <p> 人工智能（AI）已经在多个领域展示了其强大的能力，而艺术领域也不例外。AI不仅能够生成独特的艺术作品，还能帮助艺术家们突破创作的界限。通过机器学习和深度学习算法，AI可以分析大量的艺术作品，学习其中的风格和技巧，从而生成全新的艺术品。</p>
        <p>“跨域”是指在网页中请求与当前页面不同源（domain）的资源。根据浏览器的同源策略，同源是指协议、域名和端口三者均相同。只要这三者有任何一个不同，就属于跨域。例如：</p>
        <ul>
        <li>相同源：http://example.com/index.html 和 http://example.com:8000/data</li>
        <li>相同源：http://example.com/index.html 和 http://example.com:8000/data</li>
        <li>相同源：http://example.com/index.html 和 http://example.com:8000/data</li>
        </ul>
        <h2 id="article-md-title-2" >"需要预检的请求</h2>
         <p> 人工智能（AI）已经在多个领域展示了其强大的能力，而艺术领域也不例外。AI不仅能够生成独特的艺术作品，还能帮助艺术家们突破创作的界限。通过机器学习和深度学习算法，AI可以分析大量的艺术作品，学习其中的风格和技巧，从而生成全新的艺术品。</p>
        <h1 id="article-md-title-3">"需要预检的请求</h1>
         <p> 人工智能（AI）已经在多个领域展示了其强大的能力，而艺术领域也不例外。AI不仅能够生成独特的艺术作品，还能帮助艺术家们突破创作的界限。通过机器学习和深度学习算法，AI可以分析大量的艺术作品，学习其中的风格和技巧，从而生成全新的艺术品。</p>
        <h1 id="article-md-title-4">"附带身份凭证的请求</h1>
         <p> 人工智能（AI）已经在多个领域展示了其强大的能力，而艺术领域也不例外。AI不仅能够生成独特的艺术作品，还能帮助艺术家们突破创作的界限。通过机器学习和深度学习算法，AI可以分析大量的艺术作品，学习其中的风格和技巧，从而生成全新的艺术品。</p>
        <h1 id="article-md-title-5">"一个额外的补充</h1>
         <p> 人工智能（AI）已经在多个领域展示了其强大的能力，而艺术领域也不例外。AI不仅能够生成独特的艺术作品，还能帮助艺术家们突破创作的界限。通过机器学习和深度学习算法，AI可以分析大量的艺术作品，学习其中的风格和技巧，从而生成全新的艺术品。</p>
        <h1 id="article-md-title-6">"一个额外的补充</h1>
         <p> 人工智能（AI）已经在多个领域展示了其强大的能力，而艺术领域也不例外。AI不仅能够生成独特的艺术作品，还能帮助艺术家们突破创作的界限。通过机器学习和深度学习算法，AI可以分析大量的艺术作品，学习其中的风格和技巧，从而生成全新的艺术品。</p>
         <h1 id="article-md-title-7">"一个额外的补充</h1>
         <p> 人工智能（AI）已经在多个领域展示了其强大的能力，而艺术领域也不例外。AI不仅能够生成独特的艺术作品，还能帮助艺术家们突破创作的界限。通过机器学习和深度学习算法，AI可以分析大量的艺术作品，学习其中的风格和技巧，从而生成全新的艺术品。</p>
        `
    }
});

//模拟评论
Mock.mock("/api/comment", "post", {
    code: 0,
    mas: "",
    data: {
        id: "@guid",
        nickname: "@cname",
        content: "@cparagraph(1,10)",
        createDate: Date.now(),
        "avatar|1": [
            "https://k.sinaimg.cn/n/sinakd20117/0/w800h800/20240127/889b-4c8a7876ebe98e4d619cdaf43fceea7c.jpg/w700d1q75cms.jpg",
            "https://q5.itc.cn/q_70/images03/20240406/2c8f1d2cd13e4d4392fa07ccaab1f219.jpeg",
            "https://img0.baidu.com/it/u=3081415685,2219539125&fm=253&fmt=auto&app=138&f=JPEG?w=809&h=800",
            "https://q8.itc.cn/q_70/images03/20240417/def0aeafa9da4ec78bf6df7ac3b70532.jpeg",
        ]
    }
});

//模拟分页评论
Mock.mock(/^\/api\/comment(\?.+)?$/, "get", function (options) {
    const query = qs.parse(options.url);

    return Mock.mock({
        code: 0,
        msg: "",
        data: {
            total: 52,
            [`rows|${query.limit || 10}`]: [
                {
                    id: "@guid",
                    nickname: "@cname",
                    content: "@cparagraph(1,10)",
                    createDate: Date.now(),
                    "avatar|1": [
                        "https://k.sinaimg.cn/n/sinakd20117/0/w800h800/20240127/889b-4c8a7876ebe98e4d619cdaf43fceea7c.jpg/w700d1q75cms.jpg",
                        "https://q5.itc.cn/q_70/images03/20240406/2c8f1d2cd13e4d4392fa07ccaab1f219.jpeg",
                        "https://img0.baidu.com/it/u=3081415685,2219539125&fm=253&fmt=auto&app=138&f=JPEG?w=809&h=800",
                        "https://q8.itc.cn/q_70/images03/20240417/def0aeafa9da4ec78bf6df7ac3b70532.jpeg",
                    ]
                }
            ]
        }
    })
})